<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>首页</title>
    <link rel="stylesheet" href="../css/style-starter.css">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/main.css">
    <!-- Font Awesome CSS-->
    <link href="../css/font-awesome.min.css" rel="stylesheet">
    <!-- Line Awesome CSS -->
    <link href="../css/line-awesome.min.css" rel="stylesheet">
    <!-- Animate CSS-->
    <link href="../css/animate.css" rel="stylesheet">
    <!-- Bar Filler CSS -->
    <link href="../css/barfiller.css" rel="stylesheet">
    <!-- Magnific Popup Video -->
    <link href="../css/magnific-popup.css" rel="stylesheet">
    <!-- Flaticon CSS -->
    <link href="../css/flaticon.css" rel="stylesheet">
    <!-- Owl Carousel CSS -->
    <link href="../css/owl.carousel.min.css" rel="stylesheet">
    <!-- Style CSS -->
    <link href="../css/style.css" rel="stylesheet">
    <!-- Responsive CSS -->
    <link href="../css/responsive.css" rel="stylesheet">



</head>

<body>
    <div class="header">
        <!--导航-->
        <div id="style-1" class="header-area">
            <div class="sticky-area">
                <div class="navigation">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-3">
                                <div class="logo">
                                    <a href="index.html"><img src="../../img/logo.png" alt="archipix-logo"></a>
                                </div>
                            </div>
                            <div class="col-lg-9">
                                <div class="main-menu">
                                    <nav class="navbar navbar-expand-lg">
                                        <button class="navbar-toggler" type="button" data-toggle="collapse"
                                            data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                            aria-expanded="false" aria-label="Toggle navigation">
                                            <span class="navbar-toggler-icon"></span>
                                            <span class="navbar-toggler-icon"></span>
                                            <span class="navbar-toggler-icon"></span>
                                        </button>

                                        <div class="collapse navbar-collapse justify-content-center"
                                            id="navbarSupportedContent">
                                            <ul class="navbar-nav m-auto">
                                                <li class="nav-item">
                                                    <a class="nav-link active" href="index.html">首页
                                                        <span class="sub-nav-toggler">
                                                        </span>
                                                    </a>
                                                    <!--  <ul class="sub-menu">
                                                        <li><a href="index.html">Home - Main</a></li>
                                                        <li><a href="#">Home - Architecture</a></li>
                                                        <li><a href="#">Home - Interior Design</a></li>
                                                    </ul> -->
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="info.html">资讯
                                                        <span class="sub-nav-toggler">
                                                        </span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li><a href="info.html#policy">政策解读</a></li>
                                                        <li><a href="info.html#news">新闻报道</a></li>
                                                        <li><a href="info.html#industry">行业动态</a></li>

                                                    </ul>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="activity.html">活动
                                                        <span class="sub-nav-toggler">
                                                        </span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li><a href="activity.html#underway">正在进行</a></li>
                                                        <li><a href="activity.html#begin">即将开始</a></li>
                                                        <li><a href="activity.html#end">已经结束</a></li>
                                                    </ul>
                                                </li>

                                                <li class="nav-item">
                                                    <a class="nav-link" href="video.html">视频
                                                        <span class="sub-nav-toggler">
                                                        </span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li><a href="video.html#introduce">科普介绍</a></li>
                                                        <li><a href="video.html#demons">项目演示</a></li>
                                                        <li><a href="video.html#news">新闻报道</a></li>
                                                    </ul>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="encyclopedia.html">百科解答</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="product.html">产品服务</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="solution.html">解决方案
                                                        <span class="sub-nav-toggler">
                                                        </span>
                                                    </a>
                                                    <!--  <ul class="sub-menu">
                                                        <li><a href="#">Blog</a></li>
                                                        <li><a href="#">Blog Details</a></li>
                                                    </ul> -->
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="report.html">研究报告</a>
                                                </li>
                                                </hr>
                                                <li class="nav-item" style="margin-left: 55px;">
                                                    <div class="nav-link" style="padding: 22px;">
                                                      
                                                    <a href="mypage.html"><img src="../../img/1.jpg" style="width: 35px;height: 35px;    border-radius: 50%;"> 我的</a>     
                                                    </div>


                                                </li>
                                            </ul>

                                        </div>
                                    </nav>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--

        <div class="gradient">
            <img src="../../img/506-3.png"  width="30%"/>
        </div>-->
    </div>
    <!--首图-->
    <div class="homepage-slides owl-carousel">
        <div class="single-slide-item">
            <div class="overlay"></div>
            <div class="hero-area-content">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-lg-10 text-center wow fadeInUp animated" data-wow-delay=".2s">
                            <div class="section-title">
                                <h6>Welcome to Archipix</h6>
                                <h1>Thought Solution <br> to Building Design</h1>
                            </div>
                            <a href="#" class="main-btn">Learn More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--内容-->

    <div class="w3l-homeblock1 py-5">
        <!--资讯-->
        <div class="row">
            <div class="col-lg-8 col-md-10 col-10  m-auto">
                <a href="info.html">
                    <div class="title mt-1 mb-2">
                        <span>资讯</span>
                        <span>NEWS</span>
                        <span> >>> </span>
                    </div>
                </a>
                <div class="row ">

                    <!--轮播图-->
                    <div class="col-lg-6 col-md-7 mb-5">
                        <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
                            <ol class="carousel-indicators">
                                <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                                <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                                <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                            </ol>
                            <div class="carousel-inner">
                                <div class="carousel-item active">
                                    <img src="../../img/08145251ww2h.png" class="d-block w-100 radius-image" alt="...">
                                    <div class="carousel-caption d-none d-md-block">
                                        <h5>First slide label</h5>
                                        <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                                    </div>
                                </div>
                                <div class="carousel-item">
                                    <img src="../../img/25114125e8f5.jpg" class="d-block w-100 radius-image" alt="...">
                                    <div class="carousel-caption d-none d-md-block">
                                        <h5>Second slide label</h5>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                    </div>
                                </div>
                                <div class="carousel-item">
                                    <img src="../../img/1607947100439065059.jpg" class="d-block w-100 radius-image"
                                        alt="...">
                                    <div class="carousel-caption d-none d-md-block">
                                        <h5>Third slide label</h5>
                                        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
                                    </div>
                                </div>
                            </div>
                            <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button"
                                data-slide="prev">
                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                <span class="sr-only">Previous</span>
                            </a>
                            <a class="carousel-control-next" href="#carouselExampleCaptions" role="button"
                                data-slide="next">
                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                <span class="sr-only">Next</span>
                            </a>
                        </div>
                    </div>

                    <!--新闻列表-->
                    <div class="col-lg-6 col-md-5 mt-md-0">
                        <div class="list-view list-view1">
                            <div class="grids5-info">
                                <a href="#" class="d-block zoom"><img src="../../img/1.jpg" alt=""
                                        class="img-fluid-1 radius-image news-image"></a>
                                <div class="blog-info align-self">
                                    <a href="#" class="blog-desc1">中国联通回应纽约证交所摘牌：表示遗憾，尚未收到通知
                                    </a>
                                    <div class="display-5">
                                        <div class="author align-items-center mt-3 mb-1">
                                            <a href="#">Johnson smith</a> in <a href="#">Design</a>
                                        </div>
                                        <ul class="blog-meta">
                                            <li class="meta-item blog-lesson">
                                                <span class="meta-value"> April 13, 2020 </span>
                                            </li>
                                            <li class="meta-item blog-students">
                                                <span class="meta-value"> 6min read</span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="grids5-info mt-3">
                                <a href="#" class="d-block zoom"><img src="../../img/2.jpg" alt=""
                                        class="img-fluid-1 radius-image news-image"></a>
                                <div class="blog-info align-self">
                                    <a href="#" class="blog-desc1">涂鸦智能联合Gartner重磅发布《2021全球AIoT开发者生态白皮书》
                                    </a>
                                    <div class="display-5">
                                        <div class="author align-items-center mt-3 mb-1">
                                            <a href="#">Johnson smith</a> in <a href="#">Design</a>
                                        </div>
                                        <ul class="blog-meta">
                                            <li class="meta-item blog-lesson">
                                                <span class="meta-value"> April 13, 2020 </span>
                                            </li>
                                            <li class="meta-item blog-students">
                                                <span class="meta-value"> 6min read</span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="grids5-info mt-3">
                                <a href="#" class="d-block zoom"><img src="../../img/3.jpg" alt=""
                                        class="img-fluid-1 radius-image news-image"></a>
                                <div class="blog-info align-self">
                                    <a href="#" class="blog-desc1">英特尔联手中央电化教育馆，发布教育信息化年度蓝皮书
                                    </a>
                                    <div class="display-5">
                                        <div class="author align-items-center mt-3 mb-1">
                                            <a href="#">Johnson smith</a> in <a href="#">Design</a>
                                        </div>
                                        <ul class="blog-meta">
                                            <li class="meta-item blog-lesson">
                                                <span class="meta-value"> April 13, 2020 </span>
                                            </li>
                                            <li class="meta-item blog-students">
                                                <span class="meta-value"> 6min read</span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--活动-->
        <div class="row">
            <div class="col-lg-8 col-md-10 col-10  m-auto">
                <a href="activity.html">
                    <div class="title mt-5 mb-2">
                        <span>活动</span>
                        <span>ACTIVITY</span>
                        <span> >>> </span>
                    </div>
                </a>
                <div class="row ">
                    <!--活动内容-->
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12 act">
                        <img src="../../img/1607947100439065059.jpg">
                        <h6>专访研华嵌入式总经理许杰弘：嵌入式创新AIoT新未来</h6>
                        <p>
                            作为万物互联的基础,物联网(IoT)自被提起的十几年来,掀起了一波又一波技术创新热潮。这一颠覆性的概念,五年前在工业领域遍地开花,一时间工业物联网(IIoT)又成为了炽手可热的风口。近两年来,随着人工智能(AI)、视觉、影像等技术的快速发展,人们对智能应用的呼声愈发高涨,智联网(AIoT)逐渐成为发展新风向。那么,在AIoT接管的新未来里,新兴技术如何赋能产业?设备、边缘端又会有哪些发展趋势?物联网升级为智联网,如何真正实现连接价值,惠普各行各业?
                        </p>
                        <div class="text-right color-b "><a src="#">查看详情>>></a></div>
                        <div class="gradient-line"></div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12 act">
                        <img src="../../img/1607947100439065059.jpg">
                        <h6>
                            英特尔联手中央电化教育馆，发布教育信息化年度蓝皮书
                        </h6>
                        <p>
                            英特尔与中央电化教育馆共同发布了2020年度《教育信息化年度蓝皮书》。《教育信息化年度蓝皮书》由英特尔与中央电化教育馆联合来自研究机构、一线学校、高校专家、教育信息化工作人员以及科技企业的专家学者共同编撰，旨在为教育信息化解决方案部署提供行动指南和有力参考。
                        </p>
                        <div class="text-right color-b "><a src="#">查看详情>>></a></div>
                        <div class="gradient-line"></div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12 act">
                        <img src="../../img/1607947100439065059.jpg">
                        <h6>
                            涂鸦智能联合Gartner重磅发布《2021全球AIoT开发者生态白皮书》
                        </h6>
                        <p>
                            12月29日，在全球硬科技开发者大会（杭州）上，涂鸦智能市场及战略合作副总裁兼CMO那竞丹和Gartner中国区副总裁郭磊共同发布了《2021全球AIoT开发者生态白皮书》，白皮书由全球AIoT领军企业涂鸦智能、Gartner、《全球智能化商业》和ABV（AIoT
                            Business Vantage）出品。
                        </p>
                        <div class="text-right color-b"><a src="#">查看详情>>></a></div>
                        <div class="gradient-line"></div>
                    </div>
                    <!--活动动态-->
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12 act">
                        <h5 class="gradient">活动动态>>></h5>
                        <div class="list-view list-view1">
                            <div class="grids5-info">
                                <a href="#" class="d-block zoom"><img src="../../img/1.jpg" alt=""
                                        class="img-fluid radius-image news-image"></a>
                                <div class="blog-info align-self dynamic">
                                    <a href="#" class="blog-desc1">英特尔联手中央电化教育馆，发布教育信息化年度蓝皮书
                                    </a>

                                </div>
                            </div>
                            <div class="grids5-info mt-3">
                                <a href="#" class="d-block zoom"><img src="../../img/2.jpg" alt=""
                                        class="img-fluid radius-image news-image"></a>
                                <div class="blog-info align-self dynamic">
                                    <a href="#" class="blog-desc1">专访研华嵌入式总经理许杰弘：嵌入式创新AIoT新未来
                                    </a>

                                </div>
                            </div>
                            <div class="grids5-info mt-3">
                                <a href="#" class="d-block zoom"><img src="../../img/3.jpg" alt=""
                                        class="img-fluid radius-image news-image"></a>
                                <div class="blog-info align-self dynamic">
                                    <a href="#" class="blog-desc1">
                                        Gartner:实时商务、体验商务、物联网电商将成趋势
                                    </a>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--产品-->
        <div class="row">
            <div class="col-lg-8 col-md-10 col-10  m-auto">
                <a href="product.html">
                    <div class="title mt-5">
                        <span>产品</span>
                        <span>ACTIVITY</span>
                        <span> >>> </span>
                    </div>
                </a>
                <div class="row">
                    <div class="col-lg-4 col-md-6 col-sm-12 ">
                        <div class="single-service-area wow fadeInUp" data-wow-delay=".3s">
                            <div class="service-icon">
                                <img class="service-img" src="../../img/hy-logo.png">
                            </div>
                            <h5>徐工信息汉云</h5>
                            <p>基于70多年工业知识沉淀和30多年数字化经验优势打造的徐工信息汉云平台，致力于成为世界最具价值的工业互联网平台。</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <div class="single-service-area service-2 wow fadeInUp" data-wow-delay=".4s">
                            <div class="service-icon">
                                <img class="service-img" src="../../img/hany-logo.png">
                            </div>
                            <h5>瀚云HanClouds</h5>
                            <p>瀚云坚持以工业场景挖掘价值，为您的企业量体裁衣， 提供高性价比的工业互联网解决方案， 助力数字化升级转型。</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <div class="single-service-area service-3 wow fadeInUp" data-wow-delay=".5s">
                            <div class="service-icon">
                                <img class="service-img" src="../../img/ty-logo.png">
                            </div>
                            <h5>涂鸦智能</h5>
                            <p>涂鸦智能是一个全球云开发平台、AI+IoT开发者平台，为开发者提供一站式人工智能物联网的PaaS级解决方案。</p>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <div class="single-service-area service-4 wow fadeInUp" data-wow-delay=".6s">
                            <div class="service-icon">
                                <img class="service-img" src="../../img/sg-logo.png">
                            </div>
                            <h5>树根互联</h5>
                            <p>树根互联技术有限公司是国家级跨行业跨领域工业互联网平台企业，也是首家入选Gartner IIoT 魔力象限的中国工业互联网平台企业。</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <div class="single-service-area service-5 wow fadeInUp" data-wow-delay=".7s">
                            <div class="service-icon">
                                <img class="service-img" src="../../img/jmzn-logo.png">
                            </div>
                            <h5>积木智能</h5>
                            <p>上海积梦智能科技有限公司是一家以科技驱动的工业互联网平台公司，致力于帮助制造业实现数据驱动。</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <div class="single-service-area service-6 wow fadeInUp" data-wow-delay=".8s">
                            <div class="service-icon">
                                <img class="service-img" src="../../img/zt-logo.png">
                            </div>
                            <h5>中天互联</h5>
                            <p>中天互联以“网联工业，赋能制造”为使命，致力于实现中国乃至全球的工业互联愿景，将生产资源共享，重筑产业链。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--解决方案-->
        <div class="row">
            <div class="col-lg-8 col-md-10 col-10  m-auto section-padding pad-top-50">
                <a href="solution.html">
                    <div class="title mt-5 mb-2">
                        <span>解决方案</span>
                        <span>SOLUTION</span>
                        <span> >>> </span>
                    </div>
                </a>
                <div class="row">
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                        <div class="single-team-member">
                            <div class="team-member-bg">
                                <div class="team-content">
                                    <div class="team-title">
                                        <a href="#">注塑行业</a>
                                    </div>
                                    <div class="team-subtitle">
                                        <p>树根互联注塑车间生产大数据云平台，实现设备数字化带来售后降本增效,助力生产工艺升级，提升产品质量</p>
                                    </div>
                                </div>
                                <div class="team-social">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fa fa-qq" aria-hidden="true"></i> </a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fa fa-weixin" aria-hidden="true"></i> </a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fa fa-weibo" aria-hidden="true"></i> </a>
                                        </li>
                                        <!--  <li>
                                            <a href="#"><i class="fa fa-behance" aria-hidden="true"></i> </a>
                                        </li> -->

                                    </ul>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                        <div class="single-team-member">
                            <div class="team-member-bg team-bg-2">
                                <div class="team-content">
                                    <div class="team-title">
                                        <a href="#">纺织行业</a>
                                    </div>
                                    <div class="team-subtitle">
                                        <p>纺织机械设备物联解决方案，实现纺织机械设备的物联呈现，增强纺织机械制造企业后市场服务能力</p>
                                    </div>
                                </div>
                                <div class="team-social">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fa fa-qq" aria-hidden="true"></i> </a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fa fa-weixin" aria-hidden="true"></i> </a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fa fa-weibo" aria-hidden="true"></i> </a>
                                        </li>
                                        <!--  <li>
                                            <a href="#"><i class="fa fa-behance" aria-hidden="true"></i> </a>
                                        </li> -->

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                        <div class="single-team-member">
                            <div class="team-member-bg team-bg-3">
                                <div class="team-content">
                                    <div class="team-title">
                                        <a href="#">工业机器人行业</a>
                                    </div>
                                    <div class="team-subtitle">
                                        <p>树根互联工业机器人行业解决方案，实现工业机器人设备远程监控，为设备远程维护提供数据支撑</p>
                                    </div>
                                </div>
                                <div class="team-social">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fa fa-facebook-f" aria-hidden="true"></i> </a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i> </a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i> </a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fa fa-behance" aria-hidden="true"></i> </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                        <div class="single-team-member">
                            <div class="team-member-bg team-bg-4">
                                <div class="team-content">
                                    <div class="team-title">
                                        <a href="#">机床行业</a>
                                    </div>
                                    <div class="team-subtitle">
                                        <p>通过设备物联，提升设备价值；远程定位故障，降低服务成本；售后服务和解锁机功能实现设备远程监控</p>
                                    </div>
                                </div>
                                <div class="team-social">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="fa fa-qq" aria-hidden="true"></i> </a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fa fa-weixin" aria-hidden="true"></i> </a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fa fa-weibo" aria-hidden="true"></i> </a>
                                        </li>
                                        <!--  <li>
                                            <a href="#"><i class="fa fa-behance" aria-hidden="true"></i> </a>
                                        </li> -->

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--研究报告-->
        <div class="row">
            <div class="col-lg-8 col-md-10 col-10  m-auto ">
                <a href="report.html">
                    <div class="title mt-5 mb-2">
                        <span>研究报告</span>
                        <span>REPORT</span>
                        <span> >>> </span>
                    </div>
                </a>
                <div class="row mt-3">
                    <div class="col-lg-9 col-md-8 col-sm-8"><a class="book-name" src="#">工业互联网发展应用指数白皮书（2020年）</a></div>
                    <div class="col-lg-3 col-md-4 col-sm-4 color-b "><a class="details " src="#">查看详情>>></a></div>
                </div>
                <div class="gradient-line mt-2 mb-2"></div>

                <div class="row mt-3">
                    <div class="col-lg-9 col-md-8 col-sm-8"><a class="book-name" src="#">工业互联网人才白皮书（2020年版）</a></div>
                    <div class="col-lg-3 col-md-4 col-sm-4 color-b "><a class="details " src="#">查看详情>>></a></div>
                </div>
                <div class="gradient-line mt-2 mb-2"></div>
                <div class="row mt-3">
                    <div class="col-lg-9 col-md-8 col-sm-8"><a class="book-name" src="#">全球工业互联网十大最具成长性技术展望 (2019-2020
                            年)</a></div>
                    <div class="col-lg-3 col-md-4 col-sm-4 color-b "><a class="details " src="#">查看详情>>></a></div>
                </div>
                <div class="gradient-line mt-2 mb-2"></div>
                <div class="row mt-3">
                    <div class="col-lg-9 col-md-8 col-sm-8"><a class="book-name"
                            src="#">美国2019《国家人工智能研究与发展战略计划》分析及对策建议</a></div>
                    <div class="col-lg-3 col-md-4 col-sm-4 color-b "><a class="details " src="#">查看详情>>></a></div>
                </div>
                <div class="gradient-line mt-2 mb-2"></div>

            </div>
        </div>

    </div>


    <!--footer-->
    <footer class="footer-area">
        <div class="container">
            <div class="footer-up">
                <div class="row">
                    <div class="col-lg-3 col-md-6 col-sm-12">
                        <img class="footer-img" src="../../img/二维码.png">
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12">
                        <!--                    <div class="logo">-->
                        <!--                        &lt;!&ndash;<a href="index.html"><img src="assets/img/logo-white.png" alt="archipix-logo"></a>&ndash;&gt;-->
                        <!--                        &lt;!&ndash;If you use text logo instead of img logo&ndash;&gt;-->
                        <!--                        <a class="navbar-brand" href="index.html"><b>ARCHI</b>PIX</a>-->
                        <!--                    </div>-->
                        <h6>关于我们</h6>
                        <p> More over 10 years of experience in architecture, we build with owners and professionals
                            architect to raise quality & standard projects.</p>
                        <div class="social-area">
                            <a href=""><i class="fa fa-qq"></i></a>
                            <a href=""><i class="fa fa-weixin"></i></a>
                            <a href=""><i class="fa fa-weibo"></i></a>

                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12">
                        <h6>联系我们</h6>
                        <div class="contact-info">
                            <p><i class="las la-clock"></i> Mon-Fri 08.00 a.m-06.00 p.m</p>
                            <p><i class="las la-map-marker"></i> 112 W 34th St, Newyork</p>
                            <p><i class="las la-phone"></i> (+1)212-946-2064</p>
                            <p><i class="las la-envelope"></i> info@archipix.com</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="subscribe-form">
                            <h6>留下您宝贵的建议</h6>
                            <form action="index.html">
                                <input type="text" placeholder="Your name">
                                <input type="email" placeholder="Your email">
                                <textarea name="suggest" style="overflow: scroll" placeholder="Your suggest"></textarea>
                                <button class="main-btn">提交</button>
                            </form>
                        </div>
                    </div>
                </div>

                <div class="link-top"></div>
                <ul>
                    <li>
                        <h6>友情链接:</h6>
                    </li>
                    <li>
                        <a href="#">About Us</a>
                        <a href="#">Services</a>
                        <a href="#">Projects</a>
                        <a href="#">Contact</a>
                    </li>
                </ul>


            </div>
        </div>
    </footer>
</body>

<script src="../js/jquery.min.js"></script>
<script src="../js/popper.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<!-- Wow JS -->
<script src="../js/wow.min.js"></script>
<!-- Owl Carousel JS -->
<script src="../js/owl.carousel.min.js"></script>
<!-- Isotope JS -->
<script src="../js/isotope-3.0.6-min.js"></script>
<!-- Way Points JS -->
<script src="../js/jquery.waypoints.min.js"></script>
<!-- Counter Up JS -->
<script src="../js/jquery.counterup.min.js"></script>
<!-- Magnific Popup JS -->
<script src="../js/magnific-popup.min.js"></script>
<!-- Sticky JS -->
<script src="../js/jquery.sticky.js"></script>
<!-- Progress Bar JS -->
<script src="../js/jquery.barfiller.js"></script>
<!-- Main JS -->
<script src="../js/main.js"></script>

<script src="../js/theme-change.js"></script>

</html>